// var index = 0;
        
// var next_button = document.querySelector(".next_button");
// var prev_button = document.querySelector(".prev_button");
// var wrapper_ele = document.querySelector(".wrapper");
// var pagination_bullets = document.querySelectorAll(".pagination span");

// next_button.onclick = function(){
//       if( index === 4 ){
//             wrapper_ele.style.left = 0;
//             index = 1;
//       }else{
//             index ++;
//       }
//       changeSlide();
// }
// prev_button.onclick = function(){
//       if( index === 0 ){
//             wrapper_ele.style.left = "-4520px";
//             index = 3;
//       }else{
//             index --;
//       }
//       changeSlide();
// }
// function changeSlide(){
//       animate( wrapper_ele , { left : -index * 1130});

//       for(var i = 0 ; i < pagination_bullets.length ; i ++){
//             pagination_bullets[i].className = "";
//       }
//       pagination_bullets[index === 4 ? 0 : index ].className = "active";
// }

// var a = setInterval( function(){
//           next_button.dispatchEvent( new Event("click"));
//     } , 5000 );

//     container.onmouseover = function(){
//           clearInterval( a );
//     }

//     container.onmouseout = function(){
//           a = setInterval( function(){
//                 next_button.dispatchEvent( new Event("click"));
//           } , 5000 );
//     }

var swiper = new Swiper("#swiper" , {
      navigation : {
            nextEl : ".swiper-button-next",
            prevEl : ".swiper-button-prev",
      },
      loop : true,
      autoplay : true,
      pagination : {
            el : ".swiper-pagination",
            clickable : true
      },
      effect : "cube"
      // effect : "fade"
});
